body {
	background-image: url(/img/dot-pattern.jpg);
	background-repeat: repeat;
	overflow-y: scroll; /* has to be scroll, not auto */
	-webkit-overflow-scrolling: touch;
}
/*.body_touch {
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}*/
img, input[type=submit], .button {
	border:0 !important
}
.postfix.button.expand {
	height:35px;
	padding:0
}
input[type=submit], .button {
	opacity:1
}
.button {
	max-width:220px;
	font-size:1.2em
}
#email,h1 {
	display:none !important
}
.regular-img-link {
	opacity:1
}
.follow-btns a, #contact-me {
	opacity:1
}
input[type=submit]:hover, input[type="password"]:hover, input[type=submit]:active, .button:hover, .button:active, .follow-btns a:active, .follow-btns a:hover, #contact-me:hover, #contact-me:active , #topmenu .pic a:hover, #topmenu .pic a:active, .regular-img-link:hover, .regular-img-link:active {
	opacity:0.7
}
input[type="text"], input[type="password"], input[type="email"], textarea, p, #content li {
	font-family: Tahoma, Geneva, sans-serif;
	color:#6e6e75;
	font-size:1em;
	font-weight:300;
	line-height:1.25em
}
label {
	font-family: "supermarketRegular", sans-serif;
	font-size:1.732em;
	font-weight:300;
	line-height:1em
}
.sidebox-full {
	background-image: url(../img/side_stripes.png);
	background-repeat: repeat;
}
.sidebox-full h4 {
	color: #FFFFFF;
	font-family: "supermarketRegular", sans-serif;
	padding-top:20px;
	padding-bottom:20px;
	padding-right:65px;
	padding-left:10px;
	background-repeat: no-repeat;
	background-position: right bottom;
}
.sidebox-right, .sidebox-left {
	max-width: 360px;
	background-image: url(../img/side_stripes.png);
	background-repeat: repeat;
}
.sidebox-right h4, .sidebox-left h4 {
	color: #FFFFFF;
	font-family: "supermarketRegular", sans-serif;
	padding-top:20px;
	padding-bottom:20px;
	padding-right:65px;
	padding-left:10px;
	background-repeat: no-repeat;
	background-position: right bottom;

}
.reward-box-header h4{
	background-image: url(../img/sidebox-headerbg-reward.png);	
}
.reward-box-header h5{
	padding-left:10px;
	padding-right:10px;
	padding-bottom:15px;
	font-family: "supermarketRegular", sans-serif;
	line-height:1.4em;
	color: #333333;
}
.stattoday-box-header h4{
	background-image: url(../img/sidebox-headerbg-stattoday.png);	
}
.stattoday-box-header h5{
	padding-left:10px;
	padding-right:10px;
	margin:0;
	font-family: "supermarketRegular", sans-serif;
	color: #003399;
}
.mypoints-box-header h4{
	background-image: url(../img/sidebox-headerbg-mypoints.png);	
}
.mypoints-box-header-full h4{
	background-image: url(../img/sidebox-headerbg-mypoints-full.png);	
}
.mypoints-box-header h5{
	background-color:#FFF;
	margin-top: 0;
	margin-bottom: 4px;
	margin-left: 20px;
	margin-right: 20px;
	font-family: "supermarketRegular", sans-serif;
	font-size: 1.5em;
	color: #FF6600;
}
.mypoints-box-header-full h5{
	background-color:#FFF;
	margin-top: -2px;
	margin-left: 20px;
	margin-right: 20px;
	font-family: "supermarketRegular", sans-serif;
	font-size: 1.5em;
	color: #FF6600;
}
.bonus-act-box-header h4{
	background-image: url(../img/sidebox-headerbg-bonusact.png);	
}
.bonus-act-box-header h5{
	background-color: #FFF;
	padding:3px;
	margin-top: 0;
	margin-bottom: 4px;
	margin-left: 20px;
	margin-right: 20px;
	font-size: 1em;
	color: #000099;
	cursor:pointer;
}
.achievements-box-header h4{
	background-image: url(../img/sidebox-headerbg-achievements.png);	
}
.achievements-box-header h5{
	background-color: #FFF;
	padding:3px;
	margin-top: 0;
	margin-bottom: 4px;
	margin-left: 20px;
	margin-right: 20px;
	font-size: 1em;
	color: #CC9900;
	cursor:pointer;
}
.achievements-text{
	font-size:1.4em;
}
.achievements-text-divider{
	width:95%;
	padding:5px;
	border-bottom:dotted; 
	border-color:#cccccc;
}
.game-inline-list li {
	padding-bottom: 10px;
	display:inline;
	list-style:none;
}
.rules-text li  {
	margin-left: 20px;
	font-size:1.2em;
	line-height:1.3em;
}
.rules-text img  {
	padding-bottom: 10px;
}
.footable-row-detail-inner{
	padding-bottom:8px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
}
.footable-row-detail-inner div{
	font-size:1.1em;
	margin: 0;
	padding-top: 8px;
}

p.team1 {
	font-size: 1.2em;
}
textarea.error {
	background-color:rgba(198,15,19,0.1)
}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus textarea:focus {
	border:1px solid grey
}
#nwsmail {
	max-width:300px
}
.contact {
	text-align:center
}
small {
	font-size:70%;
	line-height:.7em
}
form {
	max-width:920px
}
input[type="text"],input[type="email"] {
	height:36px
}
h3, h4 {
	color:#c82341;
	font-family:"supermarketRegular", sans-serif;
	font-weight:400;
	font-size:2em;
	line-height:1.2em
}
h3 {
	font-size:1.7em;
	color:#dadada;
}
.uppercase {
	text-transform: uppercase;
	}
a, a:link, a:visited {
	color:#85858e
}
.button:link, .button:visited {
	color:white
}
a:hover, a.active, a:active {
	color:#C8344C
}
ul.breadcrumbs {
	background:none;
	border:0;
	padding:6px 10px 5px 5px
}
ul.breadcrumbs li:before {
	content:">"
}
.lightbox, .close {
	cursor:pointer
}
.reveal-modal.xlarge {
	width:75%;
	margin-left:-37%
}
.bg, .hbg {
	height:0;
	width:100%;
	padding-left:0.5em;
	color:white;
	overflow:visible
}
.bg {
	border-bottom:3em solid #d20f0a;
	border-left:2em solid transparent
}
.bg div {
	padding-top:10px
}
.hbg {
	border-top:3.5em solid #003366;
	border-right:2.5em solid transparent;
	padding-left:0.5em;
	min-width:280px
}
.hbggray {
	border-top:3.5em solid #474747;
	border-right:2.5em solid transparent;
	padding-left:0.5em;
	min-width:280px
}
.hbggray h3{
	margin-top:-1.7em;
	white-space:nowrap
}
.hbg h3 {
	margin-top:-1.7em;
}
.button {
	font-family: "supermarketRegular", tahoma, sans-serif;
	margin-bottom:1em;
	color:#000000;
	background: rgb(255,214,94); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url();
background: -moz-linear-gradient(top,  rgba(255,214,94,1) 0%, rgba(247,174,4,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,214,94,1)), color-stop(100%,rgba(247,174,4,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,214,94,1) 0%,rgba(247,174,4,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,214,94,1) 0%,rgba(247,174,4,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,214,94,1) 0%,rgba(247,174,4,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,214,94,1) 0%,rgba(247,174,4,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd65e', endColorstr='#f7ae04',GradientType=0 ); /* IE6-8 */
	zoom:1;
	font-weight:normal
}
.capitalize {
    text-transform: uppercase;
}
#home a {
	display:inline-block;
    width:26px;
    height:26px;
    overflow: hidden;
	white-space: nowrap;
    background: none;
}
#home a i.genericon {
    font-size: 1.4em;
    width:26px;
    height:26px;
    padding-top: 4px;
    display:inline-block;
    -webkit-font-smoothing: antialiased;
}

#content {
	min-height:300px;
}
.banners_down {
	z-index:-999
}

#header-right {
	padding-left:1.5em
}
#bottommenu {
	clear:both;
	font-weight:bold;
	list-style:none;
	color:#39393f;
	text-shadow:0 -1px #fff
}
#bottommenu li {
	float:left;
	font-size:1.25em;
	padding:1em 1em 1em 0
}
#bottommenu { display:none }

#topmenu {
	clear:both;
	list-style:none;
	text-shadow:0 -1px #a3132d;
	margin:0;
	padding-right:1em
}
#topmenu li {
	float:right;
	font-size:1.4em;
	padding:4px 8px
}
#topmenu li.pic {
	padding:20px 0 0 0
}
#topmenu a {
	color:#fff
}

/* GENERICON font
----------------- */
/* Top Menu  */
#topmenu li.pic {
    padding:10px 0 0 0;
    text-align: center;
}
#topmenu .genericon {
    display: inline-block;
    width: 28px;
    height: 28px;
    font-size: 22px;
    line-height: 28px;
    -webkit-font-smoothing: antialiased;
}
/* Follow buttons at the bottom  */
.follow-btns a {
    display: inline-block;
    max-width: 23.3009%;
    width: 40px;
    height: 40px;
    border-top: 2px solid lightgrey;
    text-align: center;
    /* Background Gradient  */
    background-color: #85858e;
    background-image: linear-gradient(bottom, #85858e 10%, #adadaf 90%);
    }
.follow-btns .genericon {
    width: 40px;
    height: 40px;
    font-size: 20px;
    line-height: 38px;
    color: #E7E7E7;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
}
.follow-btns .genericon-facebook {
    font-size: 28px;
}
.follow-btns .genericon-twitter {
    font-size: 28px;
}
.follow-btns .genericon-googleplus {
    font-size: 28px;
}
.follow-btns .genericon-youtube {
    font-size: 28px;
}
#logo {
	margin-top: 1em;
	margin-right: 0;
	margin-bottom: 1em;
	margin-left: 0;
}
#heading {
	min-height:100px;
	margin-bottom:1px;
	background-color:#262126;
	zoom: 1;
    background-image: linear-gradient(bottom, #262126 42%, #3a343b 88%);
}


.heading {
	min-height:100px;
	margin-bottom:1px;
}
#heading-03 h2{
	font-size:2em;
        margin-top: 1.6em;
}

.visual.no-margin-top{
    margin-top: 0;
}
.visual.no-margin-bottom{
    margin-bottom: 0;
}

#points {
	min-height:100px;
	margin-top:1em;
	padding:1px;
	background: #eef6f9; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url();
	background: -moz-linear-gradient(top,  #eef6f9 0%, #bdc6cd 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eef6f9), color-stop(100%,#bdc6cd)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #eef6f9 0%,#bdc6cd 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #eef6f9 0%,#bdc6cd 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #eef6f9 0%,#bdc6cd 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #eef6f9 0%,#bdc6cd 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eef6f9', endColorstr='#bdc6cd',GradientType=0 ); /* IE6-8 */
	zoom:1
}
#bottom {
	min-height:150px;
	margin-top:1em;
	padding-bottom:2em;
	background-color:#702020;
}
#bottom p, #bottom h3{
	color:#ffffff;
}
.bottom_heading {
	font-size:1.4em;
	color:#cfb95f;
	margin-top:1.5em;
	margin-bottom:0.2em;
}
#footer {
	min-height:60px;
	background-color:#3b3b41;
	zoom: 1;
    background-image: linear-gradient(bottom, #3b3b41 42%, #505057 88%);
}
#footer p, #footer a{
	color:#ffffff;	
}
#contact-me {
	margin-top:1.2em
}
#points .columns {
	border-left:2px solid #dadadb;
	padding:1em 1em 1em 100px
}
#points .columns.first {
	background:url(../img/points-fb.png) no-repeat 10px 20px;
	border:0
}
#points .columns.second {
	background:url(../img/points-247.png) no-repeat 10px 20px;
}
#points .columns.third {
	background:url(../img/points-rwd.png) no-repeat 10px 20px;
}
#points h4 {
	color:#39393f;
	text-shadow:0 2px #ddd
}
#footermenu {
	clear:both;
	list-style:none;
	margin:0;
	padding-left:1em
}
#footermenu li {
	float:left;
	padding:18px 8px 4px 8px;
	font-size:90%
}
#footermenu a {
	color:#e7e7e8
}
#slogan, .slogan {
	padding-right:0.5em
}
#visual, .visual {
	margin:2em 0
}
.heading h2, #heading h2 {
	color:#fff;
	font-size:2.5em;
	font-weight:400;
	margin:1.4em 0 0.6em 0
}
.heading p, #heading p {
	color:#aeaeaf;
	font-family:"supermarketRegular", sans-serif;
	font-weight:300;
	font-size:1.4em;
	line-height:1.2em
}
.heading .case p, #heading .case p {
	color:#6E6E75; /* dark gray for case details header */
}
.heading .button, #heading .button {
	margin:1.5em 0 1em 0;
	background-color:#c82341;
	zoom: 1;
    font-weight: bold;
    text-shadow: 0 -1px #a3132d;
    padding-top: 6px !important;
    background-image: linear-gradient(bottom, #c82341 42%, #f42147 88%);
}
.heading .button span, #heading .button span {
	font-size:135%;
	line-height:0.5em
}
.colorized {
	color:#C8344C !important
}


/* Game Desktop
----------------- */
.team_red {
 	color:#F00;
}
.team_blue {
	color: #00F;
}
.col_header {
	color: #fff;
}
.comp_header {
	color: #222;
}
#game_header_col {
	padding: 6px;
	margin:0;
	float: left;
	width: 100%;
	font-size: 1.3em;
	background-color:#3d7dc4;
}
#game_match_col {
	padding: 6px;
	margin: 0;
	float: left;
	width: 100%;
	font-size: 1.2em;
}
#game_match_col:nth-child(odd)
{
	background-color: #F5F5F5;
}
#comp_col {
	padding: 6px;
	padding-left:1em;
	margin: 0;
	float: left;
	width: 100%;
	font-size: 1.2em;
	background-color:#d4d3d4;
}
.game_comp_col {
	width: 70%;
	padding: 0;
	margin: 0;
	float: left;
	list-style-type: none;
	display: inline-block;
}
.game_ads_col {
	width: 30%;
	padding: 0;
	margin: 0;
	float: right;
	list-style-type: none;
	display: inline-block;
}
.game_KO_col {
	width: 20%;
	padding: 0;
	margin:0;
	float: left;
	list-style-type: none;
	display: inline-block;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	text-align:center;	
}
.game_home_col {
	width: 29%;
	padding: 0;
	margin:0;
	float: left;
	list-style-type: none;
	display: inline-block;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	text-align:center
}
.game_hand_col {
	width: 12%;
	padding: 0;
	margin:0;
	float: left;
	list-style-type: none;
	display: inline-block;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	text-align:center
}
.game_away_col {
	width: 29%;
	padding: 0;
	margin: 0;
	float: left;
	list-style-type: none;
	display: inline-block;
	text-align: center;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}
.game_reward_col {
	width: 10%;
	padding: 0;
	margin:0;
	float: left;
	list-style-type: none;
	display: inline-block;
	text-align:center
}
/* Point Desktop
----------------- */
.point_col_header {
	color: #fff;
}
#point_header_col {
	padding: 6px;
	margin:0;
	float: left;
	width: 100%;
	font-size: 1.2em;
	background-color: #f0870f;
}
#point_match_col {
	padding: 6px;
	margin: 0;
	float: left;
	width: 100%;
	font-size: 1.1em;
	background-color: #F5F5F5;
}

.point_Pall_col {
	width: 25%;
	padding: 0;
	margin: 0;
	float: left;
	list-style-type: none;
	display: inline-block;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	text-align: center
}
.point_Prank_col {
	width: 25%;
	padding: 0;
	margin: 0;
	float: left;
	list-style-type: none;
	display: inline-block;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	text-align: center
}
.stat_ssPoint_col {
	width: 25%;
	padding: 0;
	margin:0;
	float: left;
	list-style-type: none;
	display: inline-block;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	text-align:center;	
}
.point_PMrank_col {
	width: 25%;
	padding: 0;
	margin:0;
	float: left;
	list-style-type: none;
	display: inline-block;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	text-align:center
}
.point_Sall_col {
	width: 20%;
	padding: 0;
	margin:0;
	float: left;
	list-style-type: none;
	display: inline-block;
	text-align:center
}
/* Stat Desktop
----------------- */
.stat_col_header {
	color: #fff;
}
#stat_header_col {
	padding: 6px;
	margin:0;
	float: left;
	width: 100%;
	font-size: 1.2em;
	background-color: #f0870f;
}
#stat_match_col {
	padding: 6px;
	margin: 0;
	float: left;
	width: 100%;
	font-size: 1.1em;
}
#stat_match_col:nth-child(odd)
{
	background-color: #F5F5F5;
}
.stat_comp_col {
	width: 28%;
	padding: 0;
	margin: 0;
	float: left;
	list-style-type: none;
	display: inline-block;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	text-align: center
}
.stat_rank_col {
	width: 7%;
	padding: 0;
	margin: 0;
	float: left;
	list-style-type: none;
	display: inline-block;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	text-align: center
}
.stat_ssPoint_col {
	width: 14%;
	padding: 0;
	margin:0;
	float: left;
	list-style-type: none;
	display: inline-block;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	text-align:center;	
}
.stat_mPoint_col {
	width: 14%;
	padding: 0;
	margin:0;
	float: left;
	list-style-type: none;
	display: inline-block;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	text-align:center
}
.stat_form_col {
	width: 32%;
	padding: 0;
	margin:0;
	float: left;
	list-style-type: none;
	display: inline-block;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	text-align:center
}
.stat_past_col {
	width: 5%;
	padding: 0;
	margin: 0;
	float: left;
	list-style-type: none;
	display: inline-block;
	text-align: center;	
}
/* History Desktop
----------------- */
.team_selected {
background: rgb(252,234,187); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url();
background: -moz-linear-gradient(top,  rgba(252,234,187,1) 0%, rgba(252,205,77,1) 50%, rgba(248,181,0,1) 51%, rgba(251,223,147,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,234,187,1)), color-stop(50%,rgba(252,205,77,1)), color-stop(51%,rgba(248,181,0,1)), color-stop(100%,rgba(251,223,147,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 ); /* IE6-8 */
}
.htr_col_header {
	color: #003399;
}
#htr_header {
	clear:both;
	float: left;
	width: 20%;
	font-size: 1.2em;
}
#htr_detail {
	float:left;
	width: 78%;
	font-size: 1.2em;
}
.htr_header_col {
	padding-top:2px;
	padding-bottom:2px;
	padding-right:6px;
	padding-left:20px;
	list-style-type: none;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}
.htr_header_col:nth-child(odd)
{
	background-color: #F5F5F5;
}
.htr_detail_col {
	padding-top:2px;
	padding-bottom:2px;
	padding-right:6px;
	padding-left:20px;
	list-style-type: none;
}
.htr_detail_col:nth-child(odd)
{
	background-color: #F5F5F5;
}
/* Rank Desktop
----------------- */
.rank_col_header {
	color: #fff;
}
#rank_header_col {
	padding: 6px;
	margin:0;
	float: left;
	width: 100%;
	font-size: 1.2em;
	background-color: #f0870f;
}
#rank_member_col {
	padding: 6px;
	margin: 0;
	float: left;
	width: 100%;
	font-size: 1.1em;
}
#rank_member_col:nth-child(odd)
{
	background-color: #F5F5F5;
}
.rank_rank_col {
	width: 10%;
	padding: 0;
	margin: 0;
	float: left;
	list-style-type: none;
	display: inline-block;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	text-align: center
}
.rank_name_col {
	width: 22%;
	padding: 0;
	margin: 0;
	float: left;
	list-style-type: none;
	display: inline-block;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	text-align: center
}
.rank_SPoint_col {
	width: 22%;
	padding: 0;
	margin:0;
	float: left;
	list-style-type: none;
	display: inline-block;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	text-align:center;	
}
.rank_MPoint_col {
	width: 22%;
	padding: 0;
	margin:0;
	float: left;
	list-style-type: none;
	display: inline-block;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	text-align:center
}
.rank_Star_col {
	width: 22%;
	padding: 0;
	margin:0;
	float: left;
	list-style-type: none;
	display: inline-block;
	text-align:center;
	/*border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	*/
}
/* Slide Nav Desktop
----------------- */
#membername {
	font-size:12px; 
	max-width:120px
}
.pushmenu a {
	display: block;
	float:left;
	color: #fff;
	font-size: 15px;
	font-weight:400;
	text-decoration: none;
	padding-top:15px;
	padding-right: 12px;
}
.pushmenu a:hover {
	background:258ecd;     
}
.pushmenu a:active {
	background: #454f5c;
	color: #fff;   
}
.buttonset {
	background-color:#000000;
	height: 50px;
	padding-top: 7px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 2px;
}
/* Alert box */
.lottery_bg {
	background-color: #FFF;
	border: 3px solid #FC0;
	padding:10px;
	-webkit-border-radius: 11px;
	-moz-border-radius: 11px;
	border-radius: 11px;
}
.lottery_heading {
	text-align:center;
	margin:0 auto;
	width:98%;
	font-size: 20px;
	font-weight:700;
	padding: 10px;
	margin-bottom:10px;
	-webkit-border-radius: 11px;
	-moz-border-radius: 11px;
	border-radius: 11px;
	background: rgb(252,234,187); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url();
	background: -moz-linear-gradient(top,  rgba(252,234,187,1) 0%, rgba(252,205,77,1) 50%, rgba(248,181,0,1) 51%, rgba(251,223,147,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,234,187,1)), color-stop(50%,rgba(252,205,77,1)), color-stop(51%,rgba(248,181,0,1)), color-stop(100%,rgba(251,223,147,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 ); /* IE6-8 */
	-webkit-box-shadow: 0px 1px 6px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 1px 6px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 1px 6px rgba(50, 50, 50, 0.75);
}
.lottery_amount {
	margin: 0 auto;
	width: 90%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: #CCC;
	border: 1px solid #CCC;
}
.lottery_amount h2 {
	font-size:45px;
	text-align:center;
	color:#F60;
}
.lottery_amount img {
	padding-bottom:7px;
}
.lottery_amount h4, .lottery_amount p, .lottery_amount h5 {
	text-align:center;
	margin:10px;
}
/* Pop up game match
----------------- */
.popup_left_col{
	font-size:1em;
	border-right:1px; 
	border-color:#CCC; 
	border-right-style:solid;
}
.popup_right_col{
	font-size:1em;
}
.top_banner_orbit {
	display:block;
	margin-left:0px;
	margin-right:0px;
}
.top_banner_orbit_small {
	display:none;
}
.livescore {
	width:100%; min-height:500px;
}
@media screen and (min-width: 1175px) {
.heading h2, #heading h2 {
	margin-top:1.2em
}
.heading .button, #heading .button {
	margin-top:1em;
	font-size:1em
}
.top_banner_orbit {
	display:block;
	margin-left:0px;
	margin-right:0px;
}
.top_banner_orbit_small {
	display:none;
}
}
@media screen and (max-width: 1174px) {
.heading h2, #heading h2 {
	margin-top:.6em
}
.heading .button, #heading .button {
	margin-top:.6em
}
/* Stat Desktop
----------------- */
.stat_comp_col {
	width: 32%;
}
.stat_rank_col {
	width: 13%;
}
.stat_ssPoint_col {
	width: 24%;
}
.stat_mPoint_col {
	width: 24%;
}
.stat_form_col {
	display:none;
}
.stat_past_col {
	width: 7%;
}
}
@media screen and (max-width: 1069px) {
#bottom h4, #content h4 {
	font-size:1.7em;
}
#bottom p, #content p, #content li {
	font-size:1.2em
}
/* Game Desktop small screen
----------------- */
#game_header_col {
	font-size: 1.2em;
}
#game_match_col {
	font-size: 1.1em;
}
#comp_col {
	font-size: 1.1em;
}
.game_KO_col {
	width: 24%;
}
.game_home_col {
	width: 25%;
}
.game_hand_col {
	width: 15%;
}
.game_away_col {
	width: 25%;
}
.game_reward_col {
	width: 11%;
}
/* Rank Desktop2
----------------- */
#rank_header_col {
	font-size: 1em;
}
#rank_member_col {
	font-size: 1em;
}
.rank_rank_col {
	width: 15%;
}
.rank_name_col {
	width: 34%;
}
.rank_SPoint_col {
	width: 17%;
	padding-left:1%;
	padding-right:1%;	
}
.rank_MPoint_col {
	width: 17%;
	padding-left:1%;
	padding-right:1%;
}
.rank_Star_col {
	width: 17%;
	padding-left:1%;
	padding-right:1%;
}

}
/* iPad config  */
@media screen and (max-width: 994px) and (min-width:768px) {
#home a i.genericon {
	font-size: 1.375em;
	height:26px;
	padding-top: 0.250em;
}
.sidebox-right h4, .sidebox-left h4 {
	padding-top:10px;
}
.mypoints-box-header h5{
	margin-left: 10px;
	margin-right: 10px;
	font-size:1.2em;
}
.bonus-act-box-header h5{
	margin-left: 10px;
	margin-right: 10px;
	font-size:0.9em;
}
.achievements-box-header h5{
	margin-left: 10px;
	margin-right: 10px;
	font-size:0.9em;
}
/* Game wide tablet and landscape tablet
----------------- */
#game_header_col {
	font-size: 1.1em;
}
#game_match_col {
	font-size: 1em;
}
#comp_col {
	font-size: 1em;
}
.game_KO_col {
	width: 24%;
}
.game_home_col {
	width: 30%;
}
.game_hand_col {
	width: 16%;
}
.game_away_col {
	width: 30%;
	border:none;
}
.game_reward_col {
	display:none;
}
/* History tablet
----------------- */
#htr_header {
	width: 30%;
	font-size: 1em;
}
#htr_detail {
	float:left;
	width: 65%;
	font-size: 1em;
}
.htr_header_col {
	padding-top:1px;
	padding-bottom:1px;
	padding-right:6px;
	padding-left:20px;
}
.htr_detail_col {
	padding-top:1px;
	padding-bottom:1px;
	padding-right:6px;
	padding-left:20px;
}
/* Rank Tablet
----------------- */
#rank_header_col {
	font-size: 1em;
}
#rank_member_col {
	font-size: 1em;
}
.rank_rank_col {
	width: 15%;
}
.rank_name_col {
	width: 34%;
}
.rank_SPoint_col {
	width: 17%;
	padding-left:1%;
	padding-right:1%;	
}
.rank_MPoint_col {
	width: 17%;
	padding-left:1%;
	padding-right:1%;
}
.rank_Star_col {
	width: 17%;
	padding-left:1%;
	padding-right:1%;
}
}
@media screen and (max-width: 994px) {
#bottom h4 {
	font-size:1.4em
}
#bottom p {
	font-size:1em
}
.heading h2, #heading h2 {
	margin-top:.4em
}
.heading .button, #heading .button {
	margin-top:.4em
}
#points .columns {
	background-position:center top !important;
	padding:70px 1em 1em 1em;

	text-align:center
}
/* Slide Nav
----------------- */
#membername {
	max-width:0px
}
.pushmenu {
	background: #3c3933;
	font-family: Arial, Helvetica, sans-serif;
	position: fixed;
	width: 40%;
	height: 100%;
	top: 0;
	z-index: 1000;
}
.pushmenu h3 {
	color: #cbbfad;
	font-size: 14px;
	font-weight: bold;
	padding: 15px 20px;
	margin: 0;
	background: #282522;   
	height: 16px;
}
.pushmenu a {
	display: block;
	float:none;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	border-top: 1px solid #57544e;
	border-bottom: 1px solid #312e2a;
	padding: 10px;
}
.pushmenu a:hover {
	background:258ecd;     
}
.pushmenu a:active {
	background: #454f5c;
	color: #fff;   
}
.pushmenu-left {
	left: -40%;  
}
.pushmenu-left.pushmenu-open {
	left: 0px;     
}
.pushmenu-push {
	overflow-x: hidden;
	position: relative;
	left: 0;       
}
.pushmenu-push-toright {
	left: 40%;   
}
/*Transition*/
.pushmenu, .pushmenu-push {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;     
}
#nav_list {
	cursor: pointer;
	height: 26px;
	width: 157px;
	text-indent: -99999em;
	background-image: url(img/mob_menu.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#nav_list.active {
	background: url(img/mob_menu.png) no-repeat;
}
.buttonset {
	height: 32px;
}
/* Rank Desktop2
----------------- */
#rank_header_col {
	font-size: 1em;
}
#rank_member_col {
	font-size: 1em;
}
.rank_rank_col {
	width: 15%;
}
.rank_name_col {
	width: 34%;
}
.rank_SPoint_col {
	width: 17%;
	padding-left:1%;
	padding-right:1%;	
}
.rank_MPoint_col {
	width: 17%;
	padding-left:1%;
	padding-right:1%;
}
.rank_Star_col {
	width: 17%;
	padding-left:1%;
	padding-right:1%;
}
}
@media (max-device-width: 768px) and (orientation: landscape) {
body {
	-webkit-text-size-adjust:80%
}
body, p, input[type=text], input[type="email"], textarea, h3, h4 {
	line-height:1.7em !important
}
.heading h2, #heading h2 {
	margin-top:1.2em
}
#topmenu li.pic img {
	height:20px;
	width:20px
}
#home a {
	background-position:0 -5px;
}
.sidebox-right {
	max-width:100%;
}
}
@media screen and (max-width: 767px) {
#content, #bottom {
	padding:0 1.2em 1.2em
}
#points .columns {
	border:0;
	padding:0 0 0 100px;
	background-position:10px 10px !important;
	text-align:left
}
.row .mobile-one:last-child {
	float:none
}
#header-right div.bg, #visual, .visual {
	display:none
}
#logo {
	margin:.5em .5em .5em 1.2em;
}
.heading, #heading {
	padding:0 1.5em 1.5em 1.5em
}
.heading h2, #heading h2 {
	margin-top:1em
}
.heading .button, #heading .button {
	margin-top:.5em
}
#bottommenu {
	display: inline;
}
#bottommenu li {
	float:none;
	background-color:#C82341;
	border-bottom:1px solid #DB7083;
	padding-left:1em;
	padding-bottom:0;
	padding-top:0;
}
#bottommenu li:before {
	content:"> ";
	color:white
}
#bottommenu li a{
	font-family: "supermarketRegular", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	color:white;
	text-shadow:0 -1px #a3132d
}
#bottommenu li a:hover,#bottommenu li a.active {
	text-decoration:underline;
	color:white
}
.contact {
	text-align:left
}
#home a {
	display:inline;
	width:auto;
	height:auto;
	text-indent: 0;
	overflow: visible;
	background:none;
}
#home a:hover,#home a.active{background:none}
#home a i.genericon {
    display: none;
}
.sidebox-right, .sidebox-left {
	max-width:100%;
}
/* Game tablet
----------------- */
#game_header_col {
	font-size: 1.1em;
}
#game_match_col {
	font-size: 1em;
}
#comp_col {
	font-size: 1em;
}
.game_KO_col {
	width: 33%;
}
.game_home_col {
	width: 33%;;
}
.game_hand_col {
	display:none;
}
.game_away_col {
	width: 33%;
	border:none;
}
.game_reward_col {
	display:none;
}
/* Slide Nav tablet
----------------- */
#membername {
	max-width:0px
}
.pushmenu {
	width: 60%;
}
.pushmenu-left {
	left: -60%;  
}
.pushmenu-push-toright {
	left: 60%;   
}
.buttonset {
	padding-top: 7px;
	margin-right:21px;
	min-width:260px;
}
/* Stat tablet
----------------- */
.stat_comp_col {
	width: 44%;
}
.stat_rank_col {
	width: 15%;
}
.stat_ssPoint_col {
	width: 34%;
}
.stat_mPoint_col {
	display:none;
}
.stat_form_col {
	display:none;
}
.stat_past_col {
	width: 7%;
}
/* History tablet
----------------- */
#htr_header {
	width: 30%;
	font-size: 1em;
}
#htr_detail {
	float:left;
	width: 65%;
	font-size: 1em;
}
.htr_header_col {
	padding-top:1px;
	padding-bottom:1px;
	padding-right:6px;
	padding-left:20px;
}
.htr_detail_col {
	padding-top:1px;
	padding-bottom:1px;
	padding-right:6px;
	padding-left:20px;
}
.top_banner_orbit {
	display:block;
	margin-left:16px;
	margin-right:16px;
}
.top_banner_orbit_small {
	display:none;
}
.orbit-caption {
	display:none;
}
}
@media screen and (max-width: 480px) {
/* Game wide phone and iPhone
----------------- */
#game_header_col {
	font-size: 1.1em;
}
#game_match_col {
	font-size: 0.9em;
}
#comp_col {
	font-size: 0.9em;
}
.game_KO_col {
	display:none;
}
.game_home_col {
	width: 50%;
}
.game_hand_col {
	display:none;
}
.game_away_col {
	width: 50%;
	border:none;
}
.game_reward_col {
	display:none;
}
/* Point wide phone and iPhone
----------------- */
#point_header_col {
	font-size: 1em;
}
/* Stat wide phone and iPhone
----------------- */
#stat_header_col {
	font-size: 1em;
}
#stat_match_col {
	font-size: 0.9em;
}
.stat_comp_col {
	width: 64%;
}
.stat_rank_col {
	width: 27%;
}
.stat_ssPoint_col {
	display:none;
}
.stat_mPoint_col {
	display:none;
}
.stat_form_col {
	display:none;
}
.stat_past_col {
	width: 9%;
}
/* History wide phone
----------------- */
#htr_header {
	width: 30%;
	font-size: 0.9em;
}
#htr_detail {
	float:left;
	width: 65%;
	font-size: 0.9em;
}
.htr_header_col {
	height:50px;
	padding-top:10px;
	padding-bottom:1px;
	padding-right:6px;
	padding-left:10px;
}
.htr_detail_col {
	height:50px;
	padding-top:10px;
	padding-bottom:1px;
	padding-right:6px;
	padding-left:10px;
}
.top_banner_orbit {
	display:none;
}
.top_banner_orbit_small {
	display:block;
	margin-left:13px;
	margin-right:13px;
	min-width:260px;
}
#contact-me {
	display:none
}
.buttonset {
	padding-top: 7px;
	margin-right:18px;
	margin-left:-3px;
	min-width:260px;
}
/* Rank Desktop2
----------------- */
#rank_header_col {
	font-size: 0.9em;
}
#rank_member_col {
	font-size: 0.9em;
}
.rank_rank_col {
	display:none;
}
.rank_name_col {
	width: 40%;
}
.rank_SPoint_col {
	width: 20%;
	padding-left:1%;
	padding-right:1%;	
}
.rank_MPoint_col {
	width: 20%;
	padding-left:1%;
	padding-right:1%;
}
.rank_Star_col {
	width: 20%;
	padding-left:1%;
	padding-right:1%;
}
}
@media screen and (max-width: 320px) {
/* History wide phone
----------------- */
#htr_header {
	width: 40%;
	font-size: 0.9em;
}
#htr_detail {
	float:left;
	width: 58%;
	font-size: 0.9em;
}
.htr_header_col {
	height:50px;
	padding-top:10px;
	padding-bottom:1px;
	padding-right:6px;
	padding-left:10px;
}
.htr_detail_col {
	height:50px;
	padding-top:10px;
	padding-bottom:1px;
	padding-right:6px;
	padding-left:10px;
}
/* Pop up game match
----------------- */
.popup_left_col{
	width:35%;
	font-size:0.92em;
	border-right:1px; 
	border-color:#CCC; 
	border-right-style:solid;
}
.popup_right_col{
	font-size:0.92em;
}
.livescore {
	width:auto;
	margin-left:-22px;
	border:none;
	min-height:400px;
}
}